a {
    color: $clr-link;
    transition-duration: 0.5s;

    &:hover {
        color: $clr-link-hover;
        text-decoration: none;
    }
}

img {
    max-width: 100%;
}

blockquote {
    font-size: inherit;
}

pre {
    padding: 12px 18px;
    border-color: #DDD;
}

code {
    background-color: $clr-bg-primary;
    color: $clr-primary;

    a & {
        color: $clr-link;
    }
}

h1 {
    margin: 20px 0;
    font-size: 2.4rem;
}

h2 {
    margin: 40px 0 20px 0;
    font-size: 2.2rem;
    color: $clr-primary;
}

h3 {
    margin: 40px 0 20px 0;
    font-size: 2rem;
    color: $clr-primary;
}

h4 {
    margin: 20px 0 10px 0;
    font-size: 1.4rem;
    color: $clr-head;
}

p {
    margin: 10px 0;
    font-size: 1.4rem;
    color: $clr-text;
}

.table {
    border: 1px solid $clr-border;
    border-radius: 2px;

    &>thead>tr>th {
        border-bottom: 1px solid #EEE;
    }

    tbody {
        background: $clr-bg;

        tr {
            td {
                border-bottom: 1px solid #EEE;

                &:first-child {
                    color: $clr-head;
                }
            }

            &:last-child td {
                border-bottom: none;
            }
        }
    }
}

.page {
    padding: 30px 0;

    .container {
        max-width: 100%;
    }
}
